﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Template.Web.Admin.index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>web开发助手</title>

    <link href="/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/css/bootstrap-reset.css" rel="stylesheet" />
    <link href="/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />

    <link href="/css/style.css" rel="stylesheet" />
    <link href="/css/style-responsive.css" rel="stylesheet" />
    <link href="/assets/toastr-master/toastr.css" rel="stylesheet" />

    <link href="../scripts/pace/minimal.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="/js/html5shiv.js"></script>
      <script src="/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <section id="container">
        <header id="navbar" class="header white-bg">
            <div class="sidebar-toggle-box">
                <div class="fa fa-bars tooltips" data-placement="right" data-original-title="菜单切换"></div>
            </div>
            <a id="logo" href="/web/main.aspx" class="logo hidden-xs" style="color: #337ab7;">
                <img src="/img/logo.jpg" width="30" height="30" alt="" />
                web开发助手</a>
            <div class="top-nav ">
                <ul class="nav pull-right top-menu">
                    <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" src="/img/avatar1_small.jpg" />
                        <span class="username"></span><b class="caret"></b></a>
                        <ul class="dropdown-menu extended logout">
                            <div class="log-arrow-up"></div>
                            <li><a id="info" href="javascript://void(0)"><i class="fa fa-cog"></i>个人信息</a></li>
                            <li><a id="password_change" href="javascript://void(0)"><i class="fa fa-cog"></i>密码修改</a></li>
                            <li><a id="logout" href="javascript://void(0)">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </header>
        <aside>
            <div id="sidebar" class="nav-collapse ">
                <ul class="sidebar-menu" id="nav-accordion">
                    <li><a href="javascript:void(0);" data-url="home.aspx"><i class="fa fa-home"></i><span>首页</span></a></li>
                </ul>
            </div>
        </aside>
        <section id="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li id="breadcrumbs_sub_one">
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a id="home_page" href="javascript://void(0)" data-url="home.aspx">首页</a>
                    </li>
                    <li id="breadcrumbs_sub_two" class="active"></li>
                </ul>
            </div>
            <iframe id="main_frame" src="home.aspx" frameborder="0"></iframe>
            <footer id="footer" class="site-footer ">
                <div class="text-center">技术支持：<a href="http://www.anshield.net/" target="_blank" style="color: white;">潍坊安盾软件有限公司</a><a href="#" class="go-top"><i class="fa fa-angle-up"></i></a></div>
            </footer>
        </section>
    </section>


    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script class="include" type="text/javascript" src="/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="/js/jquery.scrollTo.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <script src="/js/slidebars.min.js"></script>
    <script src="/js/common-scripts.js"></script>
    <script src="/assets/toastr-master/toastr.js"></script>

    <script src="/scripts/pace/pace.min.js"></script>

    <script type="text/javascript">
        //绑定菜单
        var obj = [
            {
                mn: "页面生成", mid: "1", submenu: [{ mn: "生成所有", mid: "1", url: "build.aspx" }, { mn: "测试页面", mid: "2", url: "user_list.aspx" }, { mn: "vue测试页面", mid: "3", url: "user_list_vue.aspx" }, { mn: "vue组件测试页面", mid: "4", url: "user_list_vue_component.aspx" }]
            },
            {
                mn: "常用布局及控件", mid: "2", submenu: [{ mn: "常用布局及控件", mid: "1", url: "common_widget.aspx" }, ]
            },
            {
                mn: "常用jQuery插件", mid: "3", submenu: [{ mn: "常用jQuery插件", mid: "1", url: "common_script.aspx" }, { mn: "自定义jQuery插件", mid: "1", url: "" }, ]
            },
            {
                mn: "常用后台代码", mid: "4", submenu: [{ mn: "文件上传", mid: "1", url: "" }, ]
            },
            {
                mn: "js工具类", mid: "5", submenu: [{ mn: "工具类", mid: "1", url: "" }, ]
            },
            {
                mn: "模板引擎", mid: "6", submenu: [{ mn: "腾讯artTemplate", mid: "1", url: "" }, ]
            },
            {
                mn: "数据可视化", mid: "7", submenu: [{ mn: "百度echarts", mid: "1", url: "" }, { mn: "raphael矢量库", mid: "1", url: "" }, ]
            },
            {
                mn: "编辑器", mid: "8", submenu: [{ mn: "百度Editor", mid: "1", url: "ueditor.aspx" }, { mn: "TinyMCE", mid: "2", url: "tinymce.aspx" }, ]
            },
             {
                 mn: "幻灯片", mid: "9", submenu: [{ mn: "slick", mid: "1", url: "slick.aspx" }, ]
             },
            {
                mn: "浏览和引导", mid: "10", submenu: [{ mn: "intro.js", mid: "1", url: "" }, ]
            },
            {
                mn: "通知", mid: "11", submenu: [{ mn: "toastr", mid: "1", url: "" }, ]
            },
             {
                 mn: "时间轴", mid: "12", submenu: [{ mn: "timelinejs", mid: "1", url: "" }, ]
             },
            {
                mn: "输入", mid: "13", submenu: [{ mn: "typeahead", mid: "1", url: "" }, ]
            },
            {
                mn: "日历", mid: "14", submenu: [{ mn: "bootstrap-datepicker", mid: "1", url: "" }, ]
            },
            {
                mn: "选择", mid: "15", submenu: [{ mn: "select2", mid: "1", url: "" }, ]
            },
            {
                mn: "文件上传", mid: "16", submenu: [{ mn: "FileAPI", mid: "1", url: "" }, { mn: "jquery-file-upload", mid: "2", url: "" }, ]
            },
             {
                 mn: "文件", mid: "17", submenu: [{ mn: "CSV解析库Papa parse", mid: "1", url: "" }, ]
             },
             {
                 mn: "代码高亮", mid: "18", submenu: [{ mn: "syntaxHighlighter.js", mid: "1", url: "syntaxhighlighter.aspx" }, { mn: "PrismJS", mid: "2", url: "" }, ]
             },
            {
                mn: "加载状态", mid: "19", submenu: [{ mn: "pace", mid: "1", url: "pace.aspx" }, ]
            },
            {
                mn: "日期", mid: "20", submenu: [{ mn: "moment", mid: "1", url: "" }, ]
            },
            {
                mn: "字符串", mid: "21", submenu: [{ mn: "URI.js", mid: "1", url: "" }, ]
            },
            {
                mn: "数字", mid: "22", submenu: [{ mn: "Numberal-js", mid: "1", url: "" }, ]
            },
            {
                mn: "存储", mid: "23", submenu: [{ mn: "localforage", mid: "1", url: "" }, ]
            },
            {
                mn: "正则表达式", mid: "24", submenu: [{ mn: "RegEx101", mid: "1", url: "" }, ]
            },
            {
                mn: "手势", mid: "25", submenu: [{ mn: "hammer.js", mid: "1", url: "" }, ]
            },
            {
                mn: "滑块控件", mid: "26", submenu: []
            },
            {
                mn: "包管理器", mid: "27", submenu: [{ mn: "npm", mid: "1", url: "" }, ]
            },
            {
                mn: "加载器", mid: "28", submenu: [{ mn: "webpack/ES6/TypeScript", mid: "1", url: "" }, ]
            },
            {
                mn: "打包工具", mid: "19", submenu: [{ mn: "webpack", mid: "1", url: "" }, ]
            },
            {
                mn: "测试框架", mid: "30", submenu: [{ mn: "jasmine", mid: "1", url: "" }, ]
            },
            {
                mn: "断言", mid: "31", submenu: [{ mn: "chai", mid: "1", url: "" }, ]
            },
            {
                mn: "覆盖率", mid: "32", submenu: [{ mn: "istanbul", mid: "1", url: "" }, ]
            },
            {
                mn: "运行器", mid: "33", submenu: [{ mn: "phantomjs", mid: "1", url: "" }, ]
            },
            {
                mn: "QA工具", mid: "34", submenu: [{ mn: "JSHint", mid: "1", url: "" }, ]
            },
            {
                mn: "MVC 框架和库", mid: "35", submenu: [{ mn: "angular", mid: "1", url: "" }, ]
            },
            {
                mn: "函数式编程", mid: "36", submenu: [{ mn: "underscore", mid: "1", url: "" }, ]
            },
            {
                mn: "响应式编程", mid: "37", submenu: [{ mn: "RxJs", mid: "1", url: "" }, ]
            },
            {
                mn: "数据结构", mid: "38", submenu: [{ mn: "immutable-js", mid: "1", url: "" }, ]
            },
            {
                mn: "颜色", mid: "39", submenu: [{ mn: "colors", mid: "1", url: "" }, ]
            },
            {
                mn: "国际化和本地化", mid: "40", submenu: []
            },
            {
                mn: "类", mid: "41", submenu: [{ mn: "timelinejs", mid: "1", url: "" }, ]
            },
            {
                mn: "控制流", mid: "42", submenu: [{ mn: "q", mid: "1", url: "" }, ]
            },
            {
                mn: "路由", mid: "43", submenu: [{ mn: "director", mid: "1", url: "" }, ]
            },
            {
                mn: "安全性", mid: "44", submenu: [{ mn: "DOMPurify", mid: "1", url: "" }, ]
            },
            {
                mn: "日志", mid: "45", submenu: [{ mn: "log", mid: "1", url: "" }, ]
            },

            {
                mn: "媒体", mid: "46", submenu: [{ mn: "video.js", mid: "1", url: "" }, { mn: "jplayer.js", mid: "2", url: "" }, ]
            },
            {
                mn: "语音命令", mid: "47", submenu: [{ mn: "annyang", mid: "1", url: "" }, ]
            },
            {
                mn: "API", mid: "48", submenu: []
            },
            {
                mn: "视觉检测", mid: "49", submenu: [{ mn: "tracking.js", mid: "1", url: "" }, { mn: "ocrad.js", mid: "2", url: "" }, ]
            },
            {
                mn: "浏览器检测", mid: "50", submenu: [{ mn: "bowser", mid: "1", url: "" }, ]
            },
            {
                mn: "验证", mid: "51", submenu: [{ mn: "jquery-validation", mid: "1", url: "jquery_validation.aspx" }, { mn: "validator.js", mid: "2", url: "" }, ]
            },
            {
                mn: "键盘封装器", mid: "52", submenu: [{ mn: "mousetrap", mid: "1", url: "" }, ]
            },
            {
                mn: "提示", mid: "53", submenu: [{ mn: "tipsy", mid: "1", url: "" }, ]
            },
            {
                mn: "模态框和弹出框", mid: "54", submenu: [{ mn: "Magnific-Popup", mid: "1", url: "" }, ]
            },
            {
                mn: "滚动", mid: "55", submenu: [{ mn: "fullpage", mid: "1", url: "" }, ]
            },
            {
                mn: "菜单", mid: "56", submenu: [{ mn: "jQuery-menu-aim", mid: "1", url: "" }, ]
            },
        ];

        $.each(obj, function (i, item) {
            $("#nav-accordion").append("<li class='sub-menu dcjq-parent-li'><a class='dcjq-parent' href='javascript:;' ><i class='fa fa-home'></i><span>" + item.mn + "</span><span class='dcjq-icon'></span></a><ul id='s" + item.mid + "' class='sub' style='display:none;'>");
            $.each(item.submenu, function (j, ms) {
                $("#s" + item.mid).append("<li><a href='javascript:;' data-url='" + ms.url + "' data-text='" + ms.mn + "'>" + ms.mn + "</a></li>");
            });
            $("#nav-accordion").append("</ul></li>");
        });


        //DOM加载完毕初始化
        $(document).ready(function () {
            //iframe自适应
            $("#main_frame").css("height", $(window).height() - $(".header").height() - $(".site-footer").height() - 20);
            $(window).resize(function () {
                $("#main_frame").css("height", $(window).height() - $(".header").height() - $(".site-footer").height() - 20);
            });
            //左侧菜单控制iframe
            $(".sub li").click(function () {
                $("#main_frame").attr("src", $(this).children("a").attr("data-url"));
            })
        });
    </script>
</body>
</html>
